<template>
  <span>子组件A</span>
  <!-- 1.预留默认插槽 -->
  <!-- 2.插槽的默认的内容 -->
  <slot><i>我是插槽的默认的内容</i></slot>
  <!-- 1.未声明插入插槽时，默认全部插入默认插槽（父组件传几份，插槽都会被填充） -->
  <button @click="btnClick">子组件A</button>
</template>

<script>
export default {
  methods: {
    btnClick() {
      console.log('子组件被点击了')
    },
  },
}
</script>

<style scoped></style>
